<%var obj={pageTitle:"后台主页"}%>
{{include "../header.html" obj}}
<!--上面是个导航栏-->
<%var obj={menuConfig:menuConfig,stuInfo:stuInfo}%>
{{include "./nav.html" obj}}
<div class="center">
    <div class="left col-sm-2 hidden-xs">
        <!--菜单开始-->
        {{include "./leftMenu.html" obj}}
    </div>
    <div class="right col-sm-10 col-xs-12 col-sm-offset-2">
        <!--
            onload指当前这个iframe里面的网页已经加载完成了  webkit为核心的，而IE则不是
            onreadystatechange  是IE里面的事件
        -->
        <iframe src="" name="mainFrame" id="mainFrame" frameborder="0" onload="frameLoad()" onreadystatechange="readyStateChangeIE(this)"></iframe>
    </div>
</div>

<style type="text/css">
    .center{
        position: fixed;
        top: 51px;
        width:100%;
        bottom: 0px;
    }
    .center>.left{
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        border-right: 1px solid lightgray;
        padding: 0px;
    }
    .center>.left .panel-body{
        padding: 0px;
    }
    .center>.left .list-group{
        margin-bottom: 0px;
    }
    .center>.right{
        position: absolute;
        top: 0px;
        bottom: 0px;
    }
    #mainFrame{
        width:100%;
        height: 100%;
    }
</style>
<script type="text/javascript">
//兼容Webkit核心的浏览器
function frameLoad(){
    //只要网页加载完成，我就把之前的加载层给关闭掉
    layer.closeAll();   //关闭所有的加载层
}

//为了兼容IE的浏览器
function readyStateChangeIE(obj){
    if(obj.readyState=="complete"){
        layer.closeAll();
    }
}
</script>
{{include "../footer.html"}}